import React from 'react';
import {pathFactory} from "../Helper/common";
import Demo from "./demo";
import LayoutDemo1 from "./layout/layout.demo1";
import LayoutDemo2 from "./layout/layout.demo2";
import LayoutDemo4 from "./layout/layout.demo4";
import LayoutDemo3 from "./layout/layout.demo3";



const Layoutdemo = () => {
  return (
    <div>
      <Demo name={pathFactory(1,'layout')} intro={'基本用法'}>
         <LayoutDemo1/>
      </Demo>
      <Demo name={pathFactory(2,'layout')} intro={'基本用法'}>
        <LayoutDemo2/>
      </Demo>
      <Demo name={pathFactory(3,'layout')} intro={'基本用法'}>
        <LayoutDemo3/>
      </Demo>
      <Demo name={pathFactory(4,'layout')} intro={'基本用法'}>
        <LayoutDemo4/>
      </Demo>
    </div>
  );
};

export default Layoutdemo;